<template>
 <div class="lunbo">
	    <li v-for="item in banner">
		    <img :src="item.activity.img" />
		</li>
    </div>
</template>

<script>
export default {
  props :['banner']
}
</script>
<style>
.lunbo{
	margin-top: 5rem;
}
.lunbo li{
	width: 100%;
	list-style: none;
}
.lunbo li img{
	width: 100%;
}
.add{
	position: absolute;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: .1rem solid #E0E0E0;
	font-size: 2rem;
	color: #FF4400;	
	line-height: 2rem;
	text-align: center;
	font-weight: bold;
	right: 1rem;
    bottom: 1rem;
}
</style>